iT邦幫忙

第 11 屆 iThome 鐵人賽

DAY 2
0
Modern Web

從零開始進入 JavaScript & TypeScript 的世界系列 第 2

第02天-經典起手式之 Hello World

  • 分享至 

  • xImage
  •  

第02天-經典起手式之 Hello World

由於 JavaScript 本身是直譯式語言,不需要經過編譯器就可以被執行。但你可能會想說,那要怎麼執行他呢?一般我們寫程式是先把他編譯成可執行檔,接著就可以在你所使用的作業系統上執行。但 JavaScript 他的執行環境就是瀏覽器,也只能是在瀏覽器上。所以我們是無法在作業系統上直接執行他。因此我們會需要一個 HTML 檔案 + JavaScript 檔案,才能得到我們所要的結果。

首先,我們必須先安裝 TypeScript ,在這裡我們使用 npm 來安裝:

npm install -g typescript

接著就可以來寫一支 Hello World 的 TypeScript 程式:
在這邊,他的副檔名是 .ts

關於編輯器(IDE), 我個人是建議使用 VistualStudio Code , 因為他本身有跟 TypeScript 有很好的整合,包含 Intellisense 或時其他的工具等等。

接著寫是 HelloWorld.ts 的內容:

function gretter(person: string) {
  return “Hello World!! “ + person + " !";
}

let user = "ITHome";
console.log(greeter(user))'

function 是代表宣告一個函式 名稱叫做 gretter
person 要傳入的變數名稱,他的型別是 string (字串)
return 則是執行這個函式會得到的結果,就是 Hello World 加上 person
console.log() 是要把 greeter(user) 的結果列印在畫面上

程式碼寫好之後,我們就可以透過 TypeScript Compiler 來編譯我們剛剛寫好的程式 HelloWorld.ts

tsc HelloWorld.ts

現在我們就可以來執行我們剛剛編譯的結果了

node HelloWorld.js
# 結果會是 Hello World!! ITHome !

上一篇
第01天-準備開始
下一篇
第03天-基本型別
系列文
從零開始進入 JavaScript & TypeScript 的世界30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言